บทที่6

Edit 0 3 …

กลับบทเรียน



บทที่ 6 : ส่วนประกอบต่างๆในหน้าจอหลักของ DreamWeaver



ส่วนประกอบต่างๆในหน้าจอหลักของ DreamWeaver

หลังจากที่เลือกโปรแกรมเสร็จแล้ว เราจะพบกับหน้าต่างการทำงาน ซึ่งประกอบด้วย

external image 004.jpg

1.Title Bar คือ ส่วนที่แสดงชื่อโปรแกรม และชื่อไฟล์ที่กำลังทำงานอยู่
external image 005.jpg

2. Menu Bar คือ ส่วนที่รวมคำสั่งการทำงานทั้งหมด แล้วแบ่งย่อยตามประเภทและในคำสั่งหลักมักจะมีเมนูลัดให้กดด้วย
external image 006.jpg

3.Object Palette คือ แถบแสดงปุ่มต่างๆของโปแกรม
external image 007.jpg

เราสามารถเลือกประเภทคำสั่งได้ด้วยการคลิกที่ Common จะปรากฏเมนูขึ้นมา
external image 008.jpg

หากเราคลิกปุ่ม Show as Tabs ก็จะเป็นการแสดงเครื่องมือดังนี้
external image 009.jpg

4.Toolbar คือ แถบเครื่องมือสำหรับการใช้งานด้าน HTML และอินเตอร์เน็ท ประกอบด้วย
external image 010.jpg
external image 011.jpg Show Code View แสดงการทำงานในรูปแบบ HTML
external image 012.jpg Show Code and Design Views แสดงการทำงานแบบ HTML ควบคู่กับแสดงพื้นที่ออกแบบexternal image 013.jpg Show Design View แสดงการทำงานแบบแสดงพื้นที่ออกแบบ
external image 014.jpg Document Title ตั้งชื่อของเว็บเพจ
external image 015.jpg Check Errors ตรวจสอบข้อผิดพลาดจาก Browser
external image 016.jpg File Management จัดการกับไฟล์ๆ ที่อยู่ในเว็บเพจ
external image 017.jpg Preview / Debug in Browser ทดลอง ดูเว็บเพจทาง Browser หรือกด F12
external image 018.jpg View Options มุมมองในการทำงานเพิ่มเติม

5.หน้าต่างออกแบบเว็บเพจ ใช้พิมพ์ข้อความและจัดเรียงรูปภาพ
6.Tag Selector ใช้ควบคุมการทำงานในรูปแบบ HTML
external image 019.jpg

7.Window Size กำหนดพื้นที่ใช้งานตามต้องการ
external image 020.jpg

8.Estimate Download Time แสดงเวลา ที่ใช้ในการดาวน์โหลด
external image 021.jpg

9.Properties ใช้กำหนดรูปแบบต่างๆ ของตัวอักษร และรูปภาพ รวมถึงการสร้างลิงค์external image 022.jpgหน้าต่าง Properties สามารถจะเปิดปิดได้ตามต้องการด้วยการคลิกที่ external image 023.jpg เพื่อขยายหน้าต่างการทำงานให้มากขึ้น
หรือคลิกที่ Window > properties ก็ได้เช่นกัน
external image 024.jpg

10. Dockable Window เปิดหน้าต่างที่รวบรวมเครื่องมืออำนวยความสะดวกเอาไว้ โดยคลิกที่ external image 023.jpg เพื่อเปิด-ปิดได้ เช่นเดียวกับ Propertiesexternal image 025.jpg